import ReactDOM from 'react-dom'

const isLoading = true

/* let result
if (isLoading) {
  result = <div>加载...</div>
} else {
  result = <div>加载完毕！</div>
} */

// 封装到函数里面
/* function renderJSX() {
  let result
  if (isLoading) {
    result = <div>加载...</div>
  } else {
    result = <div>加载完毕！</div>
  }
  return result
} */

// 三元表达式简化代码
function renderJSX() {
  /* let result = isLoading ? <div>加载...</div> : <div>加载完毕！</div>
  return result */
  // return isLoading ? <div>加载...</div> : <div>加载完毕！</div>
  return <div>{isLoading ? '加载中...' : '加载完毕'}</div>
}

// 渲染谁、渲染到哪里
ReactDOM.render(renderJSX(), document.querySelector('#root'))
